<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>1.Object.defineProperty</title>
    </head>

    <body>
        <!-- 
            1.给对象添加指定的属性,并进行基础操作添加 修改 删除操作
            2.利用指定数据配合对象,进行响应式数据处理
         -->
         <script>
            let number = 18;
            let person = {
                name:'小黄',
                gender:'女',
            };
             //普通对象
             Object.defineProperties(person,'age',{
                // value:10,
                // writable: true,
                // enumerable:true,
                // configable:true,
                get(){
                    //1响应式属性节点可以通过(...)进行点击触发
                    console.log('现在进行的是getter操作',this);
                    return number;
                },
                set(val) {
                    console.log('现在进行的是setter操作',val);
                    number = val;
                },
             });
            console.log(person);
             person.age = 20;
             for(let key in person) {
                console.log(key);
             }
             console.log(person)
         </script>
    </body>
</html>
